@import "../_mixin";



.firendlist{
	background:#fff;
	li{
		margin-bottom:0.25rem;
	}
}


//推荐好友列表 搜索框
.searchinput{

	background:#fff;
	width:100%;
	height:1.25rem;
	z-index:88;
	border-bottom:0.03rem solid #e0e0e0;
	.input, .input1{
		width:65%;
		padding:0.0rem 0.25rem;

		input{
			height:0.9rem;
			background:#e0e0e0;
			width:100%;
			padding:0.25rem;
			border-radius:0.1rem;
			margin:0.15rem 0.0rem;
			@include fz(16px);
			border:none;
		}

	}
	.input1{
		width:75%;
	}
	button{
			height:0.9rem;
			background:#e0e0e0;
			width:90%;
			padding:0.12rem;
			border-radius:0.1rem;
			@include fz(16px);
			border:none;
			color:#fff;
			background:$primaryColor; 
			margin:0.15rem 0.0rem;

	}
	.btn{

		width:15%;
		vertical-align:middle;
		i{
			@include fz(30px);
			color:$primaryColor;
			vertical-align:middle;
			display:block;
			text-align:center;
			height:100%;
			margin-top:0.125rem;
		}

	}
	.on{
		color:$primaryColor;
		.a_decent{
			transform: rotate(180deg);
			color:$primaryColor;
		}
	}
}

//推荐好友列表
.firend-list{
	li{
		padding:0.25rem;
		position:relative;
		background:#fff;
		margin-bottom:0.25rem;
		.title{
			@include fz(20px);
			color:#666; 
		}
		b{
			float:right;
			font-weight:normal;
		}
		.reg{
			padding:0.3rem 0.0rem;
			color:$preColor;
		}
		em{
			color:$mainColor;
			@include fz(18px);
		}
	}
}


//邀请好友列表
.firend-invite-list{
	li{
		padding:0.25rem;
		position:relative;
		background:#fff;
		margin-bottom:0.25rem;
		i{
			position:absolute;
			right:0.1rem;
			top:0.1rem;
			color:$preColor;
			@include fz(34px);
		}
		span{
			@include fz(20px);
		}
		strong{
			display:block;
			@include fz(14px);
			color:$preColor;
			padding:0.125rem 0.0rem;
			margin-bottom:0.25rem;
		}
		dd{
			position:relative;
			text-align:center;
			em{
				color:#666;
			}
			b{
				display:block;
				color:$primaryColor;
				@include fz(15px);
				padding-bottom:0.1rem;
			}
			&:after{
				height: 0.6rem;
				background: #ddd;
				width: 0.025rem;
				right: -0.05rem;
				top: 50%;
				margin-top: -0.3rem;
				content: ' ';
				position: absolute;
			}
			&:last-child:after{
				content: '';
				background:none;
			}
		}
	}
}



//邀请好友
.friend-main{

	.invite{
		background-color:#fff;
		color:#666;
		padding:0.5rem .35rem; // 10px; // 20px
		text-align: center;
		li{
			padding:.2rem 0; // 5px
			@include font-dpr(16px);

			input{
				border:0.03rem solid #e0e0e0;
				height: .75rem; // 12px
				padding:0 .25rem; // 4px; // 0px
				width:50%;
				color:#666;
				border-radius:0.1rem;
			}

			button.obtn{
			    display: block;
			    padding: 0.2rem 0;
			    text-align: center;
			    color: #fff;
			    border: none;
			    -webkit-appearance: none;

			    margin: 0.25rem;
			    width: 70%;
			    border-radius: 0.1rem;

			    @include font-dpr(16px)
			    margin: 1rem auto;

			}
		}
	}
}








//投资明细
.user-center{
	.title{
		@include fz(16px);
		color:$primaryColor;
		background:#fff;
		padding:0.1rem 0.0rem;
		padding-left:0.2rem;
	}
	.plusSet{
		i{
			@include fz(16px);
			vertical-align:middle;
			display:inline-block;
			margin-top:-0.1rem;
			margin-left:0.3rem;
			color:#ff6666;
			//position:absolute;
			left:2.8rem;
			top:50%;
			margin-top:-0.15rem;
		}
	}
	.monthed{
		@include fz(15px); 
		background:#f2f2f2;
		color:#808080;
		padding:0.0rem!important;
		vertical-align:middle;
		.vux-flexbox-item{
			border:none!important;
		}
		b{
			color:#ff6666;
			@include fz(16px);
			padding-left:0.25rem;
		}
		i{
			&.arrow{
				position:absolute;
				right:0.35rem;
				top:0.1rem;
				transition:0.2s;
			}

			&.up{
				transform: rotate(180deg);
			}
		}
	}
	.timedr, .monthed{
		.vux-flexbox-item{
			padding:0.1125rem 0.0rem;
	 
			border: 0.03rem solid #fff;
		}
		.active{
			color: #ff9500;
			background: none;
			border: 0.03rem solid #ff9500;
			border-radius:0.1rem;
		}
	}

	.vux-flexbox{
		padding:0.25rem 0.0rem;
	}
	.weui_progress_bar{
		height:0.1rem;
		background:#e0e0e0;
		border-radius:0.1rem;
	}
	.weui_progress_inner_bar{
		background:#ff9500;
		border-radius:0.1rem;
	}

	.triple{
		padding:0.15rem;
		li{
			padding: .2rem 0 .2rem .2rem;
			text-align:left;
			width:33.33333%!important;
			border:none;
			&:after{
				display:none;
			}
			strong{
				white-space:nowrap;
				margin-bottom: 0.113333rem!important;

				&:before{
					background:none;
					content:'';
					width:0.0rem;
					height:0.0rem;
					display:none;
				}
			}
			span{
				@include fz(14px);
				margin-left:0rem;
				font-weight:bold;
			}
			.p_btn, .m_btn, .g_btn, .p_bg_btn{
				padding:0.15rem 0.2rem;
				border:none;
				@include fz(13px);
			}
			.p_btn{
				//background:$primaryColor;
				color:$primaryColor;
				background:none;
				border:0.05rem solid $primaryColor;
			}
			.p_bg_btn{
				background:$primaryColor;
				color:#fff;
				border-radius:0.1rem;
			}
			.m_btn{
				background:$mainColor;
			}
		}
	}
}

//投资明细 筛选
.searchinput{
	.clx{
		position:relative;
	}
	i{
		&.zoom{
			position:absolute;
			@include fz(22px);
			right:0.4rem;
			top:50%;
			margin-top:-0.4rem;
			color:#808080;
		}
		&.zoome{
			position: absolute;
			@include fz(24px);
			/* right: 0.4rem; */
			top: 50%;
			margin-top: -0.4rem;
			color: #808080;
			display: block;
			text-align: center;
			/* left: 50%; */
			width: 100%;
		}
	}
	.focus_on{
		&:after{
		    vertical-align: middle;
		    content: ' ';
		    position: absolute;
		    transform: rotate(45deg);
		    border-width: 0.125rem;
		    border-color: #e0e0e0 transparent transparent #e0e0e0;
		    border-style: solid;
		    bottom: -0.08rem;
		    left: 0.8rem;
		    z-index:9;
		}

		&:before{
		    vertical-align: middle;
		    content: ' ';
		    position: absolute;
		    transform: rotate(45deg);
		    opacity:1;
		    border-width: 0.125rem;
		    border-color: #fff;
		    border-style: solid;
		    bottom: -0.1225rem;
		    left: 0.8rem;
		    z-index:10;

		}
	}
}

.filter_txt{
	padding:0.0rem 0.1rem;
	display:block;
	height: 1.25rem;
	line-height:1.25rem;
	white-space:nowrap;
	overflow:hidden;
	@include fz(15px);
	i{
    	
    	display: inline-block;	
		&.a_decent{
			@include fz(15px);
			color:#4d4d4d;
			vertical-align:middle;
			padding-left:0.1rem;
		}

		&.on{
			transform: rotate(180deg);
			color:$primaryColor;
			position:relative;
		}
	}

}

//投资明细 筛选
.order_filter{
	background:#fff;
	border-bottom:0.03rem solid #e0e0e0;
	li{
		vertical-align:middle;
		position:relative;
		@include fz(14px);
		padding:0.2rem 0.0rem;
		&.on{
			 
			color:$primaryColor;
			i{
				transform: rotate(45deg);
				top:50%;
			    border-color: $mainColor transparent transparent $mainColor;
			}
			&:after{


			    vertical-align: middle;
			    content: ' ';
			    position: absolute;
			    transform: rotate(45deg);
			    border-width: 0.125rem;
			    border-color: #f5f7fa transparent transparent #f5f7fa;
			    border-style: solid;
			    bottom: -0.125rem;
			    left: 0.8rem;

			}
		}

		i{
			vertical-align:middle;
		    content: ' ';
		    position: absolute;
		    transform: rotate(225deg);
		    border-width: 0.115rem;
		    border-color: #999 transparent transparent #999;
		    border-style: solid;
		    top:35%;
		    margin-left:0.1rem;

		}
	}
}





.order_filter_status{
	background:#f5f7fa;
	li{
		@include fz(15px);
		padding:0.2rem 0.0rem;
		border-bottom:0.03rem solid #e0e0e0;
		margin-left:0.5rem;
		vertical-align:middle;
		&.on{
			color:$primaryColor;
			i{
				color:$primaryColor;
			}
		}
		&.center{
			text-align:center;
		}
		i{
			float:right;
			margin-right:0.25rem;
			vertical-align:middle;
			@include fz(17px);
			color:#f5f7fa;
		}

		input, .input{
			border:0.03rem solid #e0e0e0;
			padding:0.078rem 0.0rem;
			border-radius:0.125rem;
			width:35%;
			display:inline-block;
			vertical-align:middle;
			margin:0.0rem 0.1rem;
			background:#fff;
			text-align:left;
			.weui_cell_ft.with_arrow:after{
				display:none;
			}
			.weui_cell_ft{
				text-align:left;
			}
		}
		button{
			border-radius:0.125rem;
			border:0.05rem solid #ff6666;
			@include fz(15px);
			width:20%;
			display:inline-block;
			padding:0.15rem;
			background:#f5f7fa;
			vertical-align:middle;
			margin-left:0.25rem;
		}
	}
}

 


//投资明细 列表
.invest_list{
	margin-top:0.25rem;
	dd{
		background:#fff;
		color:#808080;
		.title{
			padding:0.25rem 0.0rem;
			margin:0.0rem 0.25rem;
			border-bottom:0.025rem solid #e0e0e0;
			@include fz(14px);
			color:#4d4d4d;
		}
		.txt{
			width:60%;
			overflow:hidden;
			display:inline-block;
			white-space:nowrap;
			text-overflow:ellipsis;
		}
		.date{
			float:right;
			color:#808080;
			@include fz(12px);
			line-height:0.5rem;
		}
	}
	.circle{
		width:1.4rem;
		height:1.4rem;
		position:absolute;
		top:50%;

		margin-top:-0.4rem;
	}
}




//充值提现记录
.money_record{
	dt{
		background:none;
		@include fz(15px);
		padding:0.1rem 0.2rem;
		color:#4d4d4d;
	}
	dd{
		display:block;
		vertical-align:middle;
		background:#fff;
		padding:0.3rem 0.2rem;
		border-bottom:0.025rem solid #e0e0e0;
		.date, .content{
			vertical-align:middle;
			display:inline-block;
		}
		.date{
			width:20%;
			color:#808080;
			@include fz(18px);
		}
		.content{
			width:80%;
			b, strong{
				display:block;
				margin-bottom:0.125rem;
			}
			b{
				@include fz(18px);
				color:$mainColor;
				font-weight:normal;
				&.blue{
					color:$blueColor;
				}
				&.grey{
					color:$preColor;
				}
				&.green{
					color:#3cc278;
				}
			}
			strong, em{
				color:#808080;
				@include fz(14px);
			}

		}
	}
}


//信息
.message{
	margin-top:0.25rem;
	margin-bottom:2rem;
	li{
		margin-bottom:0.25rem;
		.title{
			background:#fafafa;
			padding:0.25rem 0.5rem;
			border-top:0.025rem solid #dcdcdc;
			position:relative;
			i{
				width:0.2rem;
				height:0.2rem;
				display:block;
				border-radius:50%;
				position:absolute;
				background:$mainColor;
				left:0.18rem;
				top:50%;
				margin-top:-0.1rem;
			}
		}
		.content{
			background:#fff;
			padding:0.25rem;
			position:relative;
			padding-left:0.25rem;
			input{
				width:0.5rem;
				height:0.5rem;
				vertical-align:top;
				margin-right:0.25rem;
			}

			.iconfont{
				color:#fff;
				@include fz(30px);
				vertical-align:top;
				display:inline-block;
				position:relative;
				width:10%;
				text-align:center;
				&:after{
					width:0.46rem;
					height:0.46rem;
					border:0.025rem solid #666;
					content:' ';
					display:block;
					position:absolute;
					top:0.0rem;
					background:#fff;
					border-radius:50%;
					top:50%;
					left:50%;
					margin-left:-0.23rem;
					margin-top:-0.23rem;
					z-index:1;
				}

			}
			.select{
				width:25%;
			}
			.txt{
				@include fz(14px);
				color:#666;	
			}

			.activated{
				color:$mainColor;
				&:after{
					display:none;
				}
			}

		}
	}



}

.user-center{

	.chk_1 + label {
	    width:0.7rem;
	    height:0.7rem;
		border:0.025rem solid #666;
		content:' ';
		display:block;
		position:absolute;
		top:0.0rem;
		background:#fff;
		border-radius:50%;
		margin-top: 0.25rem;
		z-index:1;

	}

	.chk_1:checked + label  {
		border-color:#fff;
	}



	.chk_1:checked + label:after {
		font-family: "iconfont" !important;
		font-style:normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.005rem;
		-moz-osx-font-smoothing: grayscale;
	    content: "\e62d";
	    @include fz(38px);
	    position: absolute;
	    color: $mainColor;
	    transition: all .2s;
	    top:-0.175rem;
	    left:-0.135rem;
	    width:0.725rem;
	    height:0.725rem;
	    border:none;
	}

}


//.icon-xuanzhong:before { content: "\e62d"; }



//open account
.openAccount{
	@include fz(17px); 
	strong{
		padding:0.15rem;
		display: block;
		color:#999;
	}
	ul{
		background:#fff;
		li{
			height:1.3rem;
			line-height:1.3rem;
			border-bottom:0.025rem solid #f2f2f2;
			padding:0.0rem 0.25rem;
			label{
				margin-right:0.25rem;
			}
			input{
				border:none;
			}
		}
	}
	.btn{
		padding:0.2rem;
	}
	.m_btn{
		display:block;
		border:none;
		width:80%;
		margin:auto;
		height:1rem;
		line-height:1rem;
		@include fz(18px);
	}
}


//信息选择
.user-center{
	.ch-item{
		border:0.025rem solid #999;
		padding: 0.25rem;
	}
	.ch-item-selected{
		border:0.025rem solid $mainColor;
	}

	
	.fb_box{
		position:fixed;
		bottom:0.0rem;
		border-top:0.025rem solid #e8e8e8;
		height:1.2rem;
		line-height:auto!important;
		padding:0.13rem 0.25rem;
		background:#fff;
		width:100%;
		max-width:1080px;
		z-index:999;
		input{

			padding:0.0rem 0.25rem;
			background:#f2f2f2;
			border-radius:0.1rem;
			border:none;
			@include fz(15px);
			width:85%;

		}
		.m_btn{
			line-height:0.9rem;
			height:0.9rem;
			width:15%;
			color:#fff;
			border:none;
			@include fz(15px);
			margin-left:0.25rem;
		}
		.select{
			width:20%;
		}
		.btn{
			input{
 			
		    width: 100%;
		    color: #fff;
		    border: none;
		    @include fz(15px);
		    /* margin-left: 0.25rem; */
		    background: #ff6565;
		    border-radius: 0.1rem;
		    padding:0.18rem 0.0rem;
			}
		}
	}

}




//还款明细
.user-center{
	.payinfo{
		padding:0.25rem;
		background:#fff;
		line-height:0.75rem;
		@include fz(14px);
	}
}

.user-center{
	.ftype{
		margin: 0.15rem 0rem;
		dd{
			height: 0.85rem!important;
		}
	}
}

//调查
.user-center{
	.custom_alert{
		background:#fff;
	}
	.custom_alert1, .custom_alert{
		background:#fff;
		.weui_dialog_title{
			@include fz(20px);
		}
		.weui_dialog_bd{
			@include fz(16px);
		}
		.weui_dialog_ft{
			@include fz(15px);
			padding:0.25rem 0.0rem;
		}
	}
	.survey{
		padding:0.25rem;
		background:#fff;
		line-height:0.75rem;
		@include fz(14px);
		margin-bottom:1.5rem;
		dl{
			margin-bottom:0.375rem;
		}
		dd{
			position:relative;
			padding:0.1rem 0.0rem;
			color:#808080;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;

		    &.show{
				white-space: normal;
				text-overflow: initial;
				overflow: auto;
		    }

		    .chk_2 + label:after{
		    	left:0.0rem;
		    }

		}
	}

	.chk_2 + label{
		padding-left:0.8rem;
		position:relative;
		display: inline-block;
	}

	.chk_2 + label:after {
	    width:0.5rem;
	    height:0.5rem;
		border:0.06rem solid #3cc278;
		content:' ';
		display:block;
		position:absolute;
		top:0.0rem;
		background:#fff;
		border-radius:0.1rem;
		z-index:1;
		top:50%;
		margin-top:-0.25rem;
	}


	.chk_2:checked + label:after  {
		background:#3cc278;
		z-index:9;
	}

	.chk_2:checked + label:before{
		position:absolute;
		font-family: "iconfont" !important;
		font-style:normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.005rem;
		-moz-osx-font-smoothing: grayscale;
		transition: all .2s;
		content: "\e64b";
		color:#fff;
		@include fz(18px);
		top:50%;
		z-index:10;
		left:0.0rem;
		width:0.6rem;
		height:0.6rem;
		overflow:hidden;
		margin-top:-0.3rem;
		margin-left:0.1rem;
	}




}




.chk_1, .chk_2{
    display: none;
}










.invite-page{
	img{
		width:100%;
	}
	.cbtm{
		margin-bottom:-0.1rem;
	}
	.rewardlist{
		background:url(../../../assets/images/invite/invitation_04.png) no-repeat;
		background-size:100%;
		height:8.2rem;
		padding-top:1.3rem;

		.show_ward{
			height:6rem;
			overflow:hidden;
		}
		ul{
		    transition: top 0.5s;
		    position: relative;

			width:80%;
			overflow:hidden;
			margin:auto;
			@include fz(12px);
			color:#ff6b20;
			.first{
				padding-right:0.1rem;
			}
			li{
				white-space:nowrap;
				height:1rem;
				line-height:1rem;
			}
		}
	}
	.myreward{
		background:url(../../../assets/images/invite/invitation_05.png) no-repeat;
		background-size:100%;
		height:5.2rem;
		padding-top:1.5rem;
		.my_reward_bd{
			width:75%;
			margin:auto;
			@include fz(16px);
			color:#ff6b20;
			.vux-flex-row{
				margin-bottom:0.5rem;
			}
			.bold{
				font-weight:bold;
			}
			b{
				color:red;
				@include fz(20px);
			}
		}
	}

	.com_bd{
		width:85%;
		margin:auto;
		@include fz(16px);
		color:#ff6b20;
	}

	.estimate{
		background:url(../../../assets/images/invite/invitation_06.png) no-repeat;
		background-size:100%;
		height:11.5rem;
		padding-top:1.8rem;
 		.mb10{
 			margin-bottom:0.25rem;
 		}
		.vux-flexbox-item{
			input, select{
				width:85%;
				border:none;
				margin:0.2rem 0.0rem;
				border-radius:0.125rem;
				padding:0.2rem 0.15rem;
				border:0.03rem solid #ffd37d;
			}
		}
		b{
			color:red;
			@include fz(20px);
		}
		button{
			width:50%;
			background:#ff6b20;
			color:#fff;
			border-radius:0.1rem;
			@include fz(14px);
			margin:auto;
			display:block;
			border:none;
			padding:0.2rem 0.0rem;
			margin-bottom:0.8rem;
		}
	}
	.link{
		background:url(../../../assets/images/invite/invitation_07.png) no-repeat;
		background-size:100%;
		height:8.2rem;
		padding-top:2.8rem;
		.com_bd{
			width:50%;
			input{
				width:92%;
				margin:auto;
				display:block;
				border:0.025rem solid #e2e2e2;
				padding:0.125rem 0.25rem;
				border-radius:0.125rem;
				margin-bottom:0.8rem;
			}
			button{
				width:70%;
				background:#3cc278;
				color:#fff;
				border-radius:0.1rem;
				@include fz(14px);
				margin:auto;
				display:block;
				border:none;
				padding:0.125rem 0.0rem;
				margin-bottom:0.8rem;
			}
			.note{
				color:#999;
				@include fz(13px);
			}
		}
	}
	.qrcode{
		background:url(../../../assets/images/invite/invitation_08.png) no-repeat;
		background-size:100%;
		height:8.2rem;
		padding-top:2.8rem;
		.com_bd{
			width:50%;
		}
		.img{
			width:75%;
			margin:auto;
		}
		.note{
			color:#999;
			@include fz(13px);
		}
	}

	.code{
		background:url(../../../assets/images/invite/invitation_09.png) no-repeat;
		background-size:100%;
		height:8.2rem;
		padding-top:2.8rem;
		.com_bd{
			width:50%;
		}
		.phone{
			@include fz(28px);
			color:#333;
			margin:1rem 0.0rem 1.5rem 0.0rem;
		}
		.note{
			color:#999;
			@include fz(13px);
		}
	}

}

.nodata{
	background:#fff;
	padding:0.25rem;
	text-align:center;
	@include fz(15px);
	color:#999;
}